*{
  text-align: center;
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  //color: #2c3e50;
 /* margin-top: 60px;*/
}
.log-img{
  margin-top: 1.5rem;
  img{
    width: 2.5rem;
  }
}
.flex-div{
  display: flex;
  justify-content:center;
}
.top{
  margin-top: 1.5rem;
  height: 0.5rem;
  text-align: center;
  font-size: 0.35rem;
  p{
    display: inline-block;
    text-align: center;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  .top-left{
    width: 3.6rem;
    padding-bottom: 0.2rem;
    font-size: 0.48rem;
  }
  .bghui{
    border-bottom: 2px solid #FFCC00;
  }
  .top-right{
    width: 3.6rem;
    padding-bottom: 0.2rem;
    font-size: 0.48rem;

  }
  .top-center{
    display: inline-block;
    font-size: 0.45rem;
    margin-left: -0.1rem;
    margin-right: -0.1rem;
  }
}
.cont{
  margin-top: 1rem;
/*  background-color: red;
  width: 80%;*/
     img{
      width: 0.47333rem;
      height: 0.58666rem;
      margin-left: 0.2rem;
      margin-right: 0.2rem;
    }
      input{
        border: none;
        text-align: left;
      width: 6.9rem;
      height: 0.7rem;
      border-radius: 0.1rem;
      outline: none;
        font-size: 0.4rem;
      background-color: transparent;
      /*//-webkit-tap-highlight-color:rgba(0,0,0,0);*/
    }
}

.cont-login{

  p{
    display: flex;
    align-items:center;
    margin-top: 0.5rem;
    width: 100%;
    border-bottom: 1px solid #a9a9a9;
    //background-color: red;
 

  }
  .login-btn{
    /*// text-align: center !important;*/
    background-color: #FFCC00;
    width: 100%;
    height: 1.2rem;
    color:rgba(51,51,51,1);
    line-height: 1.2rem;
    border-radius: 0.1rem;
    margin-top: 0.5rem;
    font-size: 0.45rem;
    -webkit-box-shadow:2px 8px 13px #fdf099, 2px 2px 5px #fdf099;
    box-shadow:2px 8px 13px #fdf099, 2px 2px 5px #fdf099;
  }
  .login-bottom{
    width: 100%;
    display: flex;
    justify-content:space-between;
    p{
      display: inline-block;
      width: auto;
      border: none;
    }
  }
}
.cont-regis,.yz-login,.reset-pass{
  p{
    margin-top: 0.5rem;
    display: flex;
     align-items:center;
    border-bottom: 1px solid #a9a9a9;
    /*//background-color: red;*/
  }
  .cont-regis-p{
    margin-top: 0.5rem;
     /*//width: 6.9rem;*/
     width: 100%;
      height: 0.7rem; 
      position: relative; 
      img{
       /*// margin-bottom: 0.35rem;*/
      }
      input{
      /*  //margin-bottom: 0.35rem;*/
        font-size: 0.4rem;
      }
      em{
        font-style: normal;
        position: absolute;
        right: 0.5rem;
        top: 0.1rem;
        font-size: 0.3466rem;
      }
  }
  .yzcode{
    outline: none;
    border-radius: 0.1rem;
  }
   .login-btn{
    background-color:#FFCC00;
    width: 100%;
    height: 1.2rem;
     color: rgba(51,51,51,1);
    line-height: 1.2rem;
    border-radius: 0.1rem;
    margin-top: 1rem;
    font-size: 0.45rem;
     -webkit-box-shadow:2px 8px 13px #fdf099, 2px 2px 5px #fdf099;
     box-shadow:2px 8px 13px #fdf099, 2px 2px 5px #fdf099;
  }
}
.login-bottom-right,.login-bottom-left{
  text-align: right;
  margin-top: 0.3rem;
  font-size: 0.34rem;
}
.agree{
  text-align: left;
  font-size: 0.3rem;
  margin-top: 0.3rem;
  display: flex;
  text-align: left;
  align-items:center;
  color: #333333;
  font-size: 0.25333rem;
  em{
    color: #FFCC00;
    font-style: normal;
  }
  span{
    
  }
  .agree-ok{
    img{
      display: block;
      width: 0.37rem;
      height: 0.37rem;
    }
  }

 
  //.agree-ok{
  //
  //  position: relative;
  //  margin-top: -0.05rem;
  //  color: #333333;
  //  border: 1px solid #a9a9a9;
  //  width:0.23333rem;
  //  height:0.2366rem;
  //  /*//background-color: red;*/
  //  overflow: hidden;
  //
  //  em{
  //  position: absolute;
  //  top: -0.133rem;
  //  color: #333333;
  //  left: 0rem;
  //  font-size: 0.27rem;
  //  }
  //}
}
